<template>
  <div>
    <van-row style="background: skyblue">
      <van-col span="6"></van-col>
      <van-col span="18" style="text-align: right"><headers /></van-col>
    </van-row>
    <van-row>
      <van-col span="6"><left /></van-col>
      <van-col span="4"><pates/></van-col>
      <van-col span="14">
        <table border="1">
          <tr>
            <td><input type="checkbox" /></td>
            <td>账号</td>
            <td>姓名</td>
            <td>性别</td>
            <td>手机号</td>
            <td>邮箱</td>
            <td>工号</td>
            <td>状态</td>
          </tr>
          <tr v-for="i in userlist" :key="i">
            <td><input type="checkbox" /></td>
            <td>{{ i.account }}</td>
            <td>{{ i.name }}</td>
            <td>{{ i.sex }}</td>
            <td>{{ i.mobile }}</td>
            <td>{{ i.email }}</td>
            <td>{{ i.worknum }}</td>
            <td>{{ i.status }}</td>
          </tr>
        </table></van-col
      >
    </van-row>
  </div>
</template>

<script>
import axios from "../../http/axios";
import headers from "./headers.vue";
import left from "./left.vue";
import pates from "./pates.vue";
export default {
  components: {
    headers,
    left,
    pates
  },
  data() {
    return {
      userlist: [],
    };
  },
  methods: {
    get_user() {
      axios("/user", "get").then((res) => {
        console.log(res);
        this.userlist = res.list;
      });
    },
  },
  mounted() {
      this.get_user()
  },
};
</script>

<style>
</style>